/**
* 功能描述：基础时间范围选择器
* @author jin xiaohang
* @date 2022/9/21 13:56
*/
<template>
    <div class="yw-base-time-range-picker-layout yw-base-time-range-picker-style">
        <div class="yw-base-time-range-picker-input-layout yw-base-time-range-picker-input-style">
            <input type="text" placeholder="开始时间" style="margin-right: 5px">
            <span>至</span>
            <input type="text" placeholder="结束时间" style="margin-left: 5px">
        </div>
        <div class="yw-base-time-range-picker-panel-layout yw-base-time-range-picker-panel-style">
            <div class="yw-base-time-range-picker-panel-left-layout yw-base-time-range-picker-panel-left-style">
                <div class="yw-base-time-range-picker-panel-left-select-layout yw-base-time-range-picker-panel-left-select-style">
                    <span>1</span>
                    <span>2</span>
                    <span>3</span>
                    <span>4</span>
                    <span>5</span>
                    <span>6</span>
                    <span>7</span>
                    <span>8</span>
                </div>
                <div class="yw-base-time-range-picker-panel-left-select-layout yw-base-time-range-picker-panel-left-select-style">
                    <span>9</span>
                    <span>10</span>
                    <span>11</span>
                    <span>12</span>
                    <span>13</span>
                    <span>14</span>
                    <span>15</span>
                    <span>16</span>
                </div>
            </div>
            <div class="yw-base-time-range-picker-panel-right-layout yw-base-time-range-picker-panel-right-style">
                <div class="yw-base-time-range-picker-panel-right-select-layout yw-base-time-range-picker-panel-right-select-style">
                    <span>20</span>
                    <span>21</span>
                    <span>22</span>
                    <span>23</span>
                    <span>24</span>
                    <span>25</span>
                    <span>26</span>
                    <span>27</span>
                    <span>28</span>
                </div>
                <div class="yw-base-time-range-picker-panel-right-select-layout yw-base-time-range-picker-panel-right-select-style">
                    <span>30</span>
                    <span>31</span>
                    <span>32</span>
                    <span>33</span>
                    <span>34</span>
                    <span>35</span>
                    <span>36</span>
                    <span>37</span>
                    <span>38</span>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: "YwBaseTimeRangePicker"
}
</script>

<style scoped>

</style>